UE.registerUI('input',function(editor,uiName){

    //创建dialog
    var dialog = new UE.ui.Dialog({
        //指定弹出层中页面的路径，这里只能支持页面,因为跟addCustomizeDialog.js相同目录，所以无需加路径
        iframeUrl:'input.dialog.html',
        //需要指定当前的编辑器实例
        editor:editor,
        //指定dialog的名字
        name:uiName,
        //dialog的标题
        title:"输入域属性",

        //指定dialog的外围样式
        cssRules:"width:600px;height:300px;",

        //如果给出了buttons就代表dialog有确定和取消
        buttons:[
            {
                className:'edui-okbutton',
                label:'确定',
                onclick:function () {
                    dialog.close(true);
                }
            },
            {
                className:'edui-cancelbutton',
                label:'取消',
                onclick:function () {
                    dialog.close(false);
                }
            }
        ]});

    //参考addCustomizeButton.js
    var btn = new UE.ui.Button({
        name:'输入域',
        title:'输入域',
        //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon
        cssRules :'background-image: url(input.icon.png) !important;background-repeat: no-repeat;background-size: 15px 15px;background-position: 2.5px;',
        onclick:function () {
            UE.template = undefined;
            //渲染dialog
            dialog.render();
            dialog.open();
        }
    });

    var popup = new baidu.editor.ui.Popup( {
        editor:this,
        content: '',
        className: 'edui-bubble',
        _edittext: function () {
            UE.template=popup.anchorEl;
            dialog.render();
            dialog.open();
            this.hide();
        }
    } );
    popup.render();
    this.addListener( 'mouseover', function( t, evt ) {
        evt = evt || window.event;
        var el = evt.target || evt.srcElement;

        if(el.tagName.toLowerCase() == 'value' || el.getAttribute('foreach')){
            var html = popup.formatHtml(
                '<nobr>输入域: <span onclick=$$._edittext() class="edui-clickable">编辑</span></nobr>' );
            if ( html ) {
                popup.getDom( 'content' ).innerHTML = html;
                popup.anchorEl = el;
                popup.showAnchor(el);
            } else {
                popup.hide();
            }
        }

    });

    return btn;
}/*index 指定添加到工具栏上的那个位置，默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的，默认是页面上所有的编辑器都会添加这个按钮*/);